<!DOCTYPE html>
<html lang="en">
<head>
    <title>佳怡供应链金融</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
    <link rel="stylesheet" href="lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="demos/css/demos.css">
    <link rel="stylesheet" href="font/fontscss/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <style type="text/css">
        .content-header {
            width: 100%;
            background-color: #FF9461;
            position: relative;
            z-index: 10;
            color: #fff;
        }

        #pro_name {
            font-size: 16px;
            padding-top: 0.7rem;
            padding-left: 15%;
        }

        #one_pri {
            font-size: 32px;
        }

        .ljsy {
            pont-size: 12px;
            opacity: 0.6;
        }

        .tzze {
            padding-top: 1.5rem;
            font-size: 16px;
        }

        .time {
            text-align: center;
        }

        .time-left {
            width: 50%;
            display: inline-block;
            line-height: 1.5rem;
        }

        .span1 {
            font-size: 14px;
        }

        .span2 {
            font-size: 12px;
            opacity: 0.6;
        }

        .time-left span {
            display: block;
        }

        .time-right {
            width: 48%;
            float: left;
            line-height: 1.5rem;
        }

        .time-right span {
            display: block;
        }

        .content-info ul li {
            height: 3rem;
            line-height: 3rem;
            border-bottom: 1px solid #E6E2E2;
            font-size: 16px;
        }

        .content-info ul li span {
            color: #FF9461
        }

        .content-info .content-orl {
            width: 10%;
            display: inline-block;
        }

        .content-info .content-title {
            width: 59%;
            display: inline-block;
        }

        .content-info .content-info {
            width: 18%;
            display: inline-block;
        }

        .content-info .content-orl {
            background-image: url("demos/images/rol.png");
        }

        .comment {
            border: 1px solid #ABA1A1;
            border-radius: 1rem;
            width: 64%;
            position: relative;
            left: 5rem;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        .tbtop {
            padding-left: 1rem;
            color: #FF9461;
        }

        .tbtop span {
            display: block;
        }

        .pz {
            margin-left: 1rem;
        }

        .icon_back {
            position: absolute;
            left: -1rem;
            top: 0.9rem;
            width: 0.5rem;
            height: 1.0rem;
            background: url(./images/icon-back.png);
            background-size: 0.5rem 1em;
            vertical-align: middle;
        }

        .weui-cell__ft {
            width: 65%;

        }

        .weui-cell__bd {
            width: 35%;
        }
    </style>
    <script src="lib/jquery-2.1.4.js"></script>
    <script type='text/javascript' src='js/swiper.js' charset='utf-8'></script>

</head>

<body>
<header>
    <div class="weui-row weui-no-gutter">
        <div class="weui-col-33" id="back_icon">
            <a href="javascript:history.go(-1)" class="icon pull-right"><i class="icon_back"></i></a>
        </div>
        <div class="weui-col-33">产品投资详情</div>
        <div class="weui-col-33" id="ligin_icon">
            <!-- <a href="login.html" class="icon pull-right"><i class="iconfont icon-wode"></i></a> -->
        </div>
    </div>
</header>
<div class="weui-cells">


</div>

</body>
<script src="js/circleProgress.js"></script>
<script src="js/jquery-weui.js"></script>
<script src="js/reg.js"></script>
<script type="text/javascript">
    $(function () {

        var str = "";
        var id = localStorage.getItem("id");

        $.ajax({
            type: "POST",
            url: "productRelease/getsingTzRecord",
            data: {id: id},   //传递输入框中的值
            success: function (val) {
                var investment_start_time = val.investment_start_time;
                var id = val.id;
                var status = val.investment_status;//投资状态
                var end_time = val.end_time;
                var application_status1 = val.application_status;//提现状态
                var type = val.type;
                var withdraw_time = val.withdraw_time;


                var yield = val.yield;
                console.log(val);

                // str+="<div class=\"weui-cells weui-cells_form\">"
                str += " <form method=\"post\" id=\"frmInfo\">"
                str += "<div class=\"weui-cell\">" +
                    "        <div class=\"weui-cell__bd\">" +
                    "            <p>产品名称</p>" +
                    "        </div>" +
                    "        <div class=\"weui-cell__ft\"id=\"username\">" +
                    val.product_id +
                    "        </div>" +
                    "    </div>" +
                    "    <div class=\"weui-cell\">" +
                    "        <div class=\"weui-cell__bd\">" +
                    "            <p>投资金额</p>" +
                    "        </div>" +
                    "        <div class=\"weui-cell__ft\"id=\"phone\">" +
                    val.withdraw_money +
                    "        </div>" +
                    "    </div>" +
                    "    <div class=\"weui-cell\">" +
                    "        <div class=\"weui-cell__bd\">" +
                    "            <p>原收益率</p>" +
                    "        </div>" +
                    "        <div class=\"weui-cell__ft\">" +
                    val.syl +
                    "        </div>" +
                    "    </div>" +
                    "    <div class=\"weui-cell\">" +
                    "        <div class=\"weui-cell__bd\">" +
                    "            <p>现收益率</p>" +
                    "        </div>" +
                    "        <div class=\"weui-cell__ft\">" +
                    val.qrsyl +
                    "        </div>" +
                    "    </div>" +
                    "    <div class=\"weui-cell\">" +
                    "        <div class=\"weui-cell__bd\">" +
                    "            <p>会员姓名</p>" +
                    "        </div>" +
                    "        <div class=\"weui-cell__ft\">" +
                    val.username +
                    "        </div>" +
                    "    </div>" +
                    "    <div class=\"weui-cell\">" +
                    "        <div class=\"weui-cell__bd\">" +
                    "            <p>驳回原因</p>" +
                    "        </div>" +
                    "        <div class=\"weui-cell__ft\">" +
                    val.reasons +
                    "        </div>" +
                    "    </div>" +
                    "    <div class=\"weui-cell\">" +
                    "        <div class=\"weui-cell__bd\">" +
                    "            <p>投资时间</p>" +
                    "        </div>" +
                    "        <div class=\"weui-cell__ft\">" +
                    val.withdraw_time +
                    "        </div>" +
                    "    </div>"


                str += "</form>"
                //str+="</div>"
                $(".weui-cells").append(str);

            }
        });
    });
    function isNull(str) {
        if (str == null || str == "" || str == "undefined") {
            return '';
        } else {
            return str;
        }
    }


    function CurentTime(befour, after) {
        var now = new Date();
        if (befour != null) {
            now.setDate(now.getDate() - befour);
        }
        if (after != null) {
            now.setDate(now.getDate() + after);
        }
        var year = now.getFullYear(); // 年
        var month = now.getMonth() + 1; // 月
        var day = now.getDate(); // 日
        //var ss = now.getSeconds();
        var clock = year + "-";
        if (month < 10)
            clock += "0";
        clock += month + "-";
        if (day < 10)
            clock += "0";
        clock += day + " ";
        return (clock);
    }
    function browser(pb) {
        pb.open();
    }
    $(function () {
        $("#img0").on('click', function () {
            pb1.open();
        })
    })
</script>
<script src="js/web/checkLogin.js"></script>
</html>